<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>



<%@include file="/webApp/head.jsp" %>
<script >
  function searchComm(){

 var text=$("input[name='text']").val(); 

	  if(text!=""){
	  location.href='/shoeHouse/home/commodifySearch?text='+text+'&page=1&rows=20';
	  }else{
		  alert("请输入搜索内容");
	  } 
  }
  
  
  
  </script>
<body >

   <header data-am-widget="header" class="am-header am-header-default joan-head">
      <div class="gm-head-left">
          <a href="#left-link" class=""><i class="am-icon-map-marker"></i>福州</a>
      </div>
    <div class="gm-head-search">
				
					<input type="text" name="text" placeholder="寻找你喜欢的商品"><a href="#"  onclick="searchComm()"><i class="am-icon-search"></i></a>
			</div>
			
   <c:if test="${empty user}">
      <div class="gm-head-right">
         <a href="login.html" >登陆</a>  /<a href="/shoeHouse/home/registeredPage" >注册</a>
      </div>
      </c:if>
      <c:if test="${!empty user}">
      <div class="gm-head-right">
      <a href="/shoeHouse/home/login" >注消</a>
      </div>
      </c:if>
      
  </header>
 
  
  

 

<div data-am-widget="slider" class="am-slider am-slider-b2" data-am-slider='{"controlNav":false}'>
  <ul class="am-slides">
    <li>
      <img src="http://localhost:8080/shoeHouse/webApp/images/new/ppppp.jpg">
    </li>
    <li>
      <img src="http://localhost:8080/shoeHouse/webApp/images/new/ban1.jpg">
    </li>
     
    
  </ul>
</div>

 
<div class="case-nav">
<ul>
  <li>
    <div class="am-gallery-item">
      <a href="/shoeHouse/home/commodify?cate=all&page=1&rows=20" class="case-nav-p">
        <img src="http://localhost:8080/shoeHouse/webApp/images/icon1.png">
        <p>全部商品</p>
      </a>
    </div>
  </li>
  <li>
    <div class="am-gallery-item">
      <a href="/shoeHouse/home/jingpinShoe?page=1&rows=20" class="case-nav-p">
        <img src="http://localhost:8080/shoeHouse/webApp/images/icon2.png">
        <p>精品鞋区</p>
      </a>
    </div>
  </li>
  <li>
    <div class="am-gallery-item">
      <a href="/shoeHouse/home/myOrder" class="case-nav-p">
        <img src="http://localhost:8080/shoeHouse/webApp/images/icon3.png">
        <p>我的订单</p>
      </a>
    </div>
  </li>
  <li>
    <div class="am-gallery-item">
      <a href="/shoeHouse/webApp/shoeTalk.jsp" class="case-nav-p">
        <img src="http://localhost:8080/shoeHouse/webApp/images/icon4.png">
        <p>鞋说</p>
      </a>
    </div>
  </li>
     <li>
    <div class="am-gallery-item">
      <a href="/shoeHouse/home/waitComm" class="case-nav-p">
        <img src="http://localhost:8080/shoeHouse/webApp/images/icon1.png">
        <p>待评价</p>
      </a>
    </div>
  </li>
  <li>
    <div class="am-gallery-item">
      <a href="/shoeHouse/home/waitTheGoods" class="case-nav-p">
        <img src="http://localhost:8080/shoeHouse/webApp/images/icon2.png">
        <p>待收货</p>
      </a>
    </div>
  </li>
  <li>
    <div class="am-gallery-item">
      <a href="/shoeHouse/home/shouhou" class="case-nav-p">
        <img src="http://localhost:8080/shoeHouse/webApp/images/icon3.png">
        <p>售后/客服</p>
      </a>
    </div>
  </li>
  <li>
    <div class="am-gallery-item">
      <a href="/shoeHouse/home/waitCargo" class="case-nav-p">
        <img src="http://localhost:8080/shoeHouse/webApp/images/icon4.png">
        <p>待发货</p>
      </a>
    </div>
  </li>
   
</ul>
</div>



<div class="active-main">
	<ul>
    	<li><a href="/shoeHouse/home/commodify?cate=all&page=1&rows=20"><img src="http://localhost:8080/shoeHouse/webApp/images/new/76y58PIC5nA.jpg"></a></li>
    	<li><a href="/shoeHouse/home/commodify?cate=all&page=1&rows=20"><img src="http://localhost:8080/shoeHouse/webApp/images/new/234943-1306011ZT498.jpg"></a></li>
    	<li><a href="/shoeHouse/home/commodify?cate=all&page=1&rows=20"><img src="http://localhost:8080/shoeHouse/webApp/images/new/20170412173227.png"></a></li>
    </ul>

</div>


<div class="product">
  <ul class="am-gallery am-avg-sm-2 am-avg-md-2 am-avg-lg-4 am-gallery-default" >
  	<h2><span></span>男鞋专区</h2>
      <c:forEach items="${grilShoe}" var="gril">
      <li>
        <div class="am-gallery-item">
            <a href="/shoeHouse/home/commodifyContent?id=${gril.id }&page=1&rows=10" class="">
              <img src="${gril.picture}" /> 
                <div class="am-gallery-desc">
                	<div class="pro-tit">
                    	<h3>${gril.name} </h3>
                        <p>12个装</p>
                    </div>
                    
                    <div class="pro-price">
                    	￥${gril.price}<del>￥108</del>
                    </div>
                
                </div>
            </a>
        </div>
      </li>
      </c:forEach>
  </ul>

  <ul class="am-gallery am-avg-sm-2 am-avg-md-2 am-avg-lg-4 am-gallery-default" >
  	<h2><span></span>女鞋专区</h2>
   <c:forEach items="${boyShoe}" var="boy">
      <li>
        <div class="am-gallery-item">
            <a href="/shoeHouse/home/commodifyContent?id=${boy.id }&page=1&rows=10" class="">
              <img src="${boy.picture}" /> 
                <div class="am-gallery-desc">
                	<div class="pro-tit">
                    	<h3>${boy.name}</h3>
                        <p>12个装</p>
                    </div>
                    
                    <div class="pro-price">
                    	￥${boy.price}<del>￥108</del>
                    </div>
                
                </div>
            </a>
        </div>
      </li>
      </c:forEach>
     
  </ul>
 </div>


 

 

 
  


<%@include file="/webApp/bottom.jsp" %>
</body>
</html>
